.con {
	width: 100%;
}

.item {
	height: 700px;
}

.img-box {
	display: flex;
	justify-content: space-around;
}

.img {
	width: 200px;
	height: 200px;
	margin-top: 50px;
}

.title {
	margin-top: 100px;
}

.isShow {
	opacity: 1;
}

/*淡入动画*/
@keyframes show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/*从左到右变出动画*/
@keyframes typing {
	from {}

	to {
		width: 100%;
	}
}

/*向下淡出动画*/
@keyframes fadeInDown {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: none;
		opacity: 1;
	}
}

/*导航栏淡入淡出动画*/
@keyframes nav-top {
	0% {
		height: 0;
		opacity: 0;
	}

	100% {
		height: 60px;
		opacity: 1;
	}
}

@keyframes nav-btm {
	0% {
		height: 60px;
		opacity: 1;
	}

	100% {
		height: 0;
		opacity: 0;
	}
}
